/* CSS Document */
body {
    background: url(/images/patterns/2.png) repeat;
}

/* Home Page */
#header {
    height:70px;
    border-bottom:1px solid #c4c4c4;
    background:url('/images/patterns/4.png') repeat;
    -moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
    box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
    padding-top:10px;
    text-transform:capitalize;
}

#menu {
    background: url("/images/menubg-blue.png") repeat-x #0B6D8D;
    height: 50px;
}

#menu ul {
    list-style: none outside none;
    margin:0;padding:0;
}
#menu ul li a {
    text-shadow:0 1px 1px #000;
    border-left:1px solid #15779b;
    color: #FFFFFF;
    padding: 0px 20px;
    line-height: 50px;
    display: block;
    text-decoration:none;
}
#menu li a:hover {
    background: url("/images/menutip.png") 50% 0% no-repeat #0B506C;
    color: #FFFFFF;
}
#menu li { 
    display: block;
    float: left;
    font-size: 15px;
    margin-bottom: 0px;
    margin-left: 0px;
    position: relative;
}

#page_title {
    background: #F9F9F9;
    border-bottom: 1px solid #CDCDCD;
    color: #1F1F1F;
    font-weight: 400;
    padding: 10px 0;
}

#page_content {
    padding:30px 0;
}

.h1_signin {
    display:none;
}

#footer {
    text-align:center;
    padding-top:15px;
    padding-bottom:15px;
    margin-top:15px;    
    border-top:1px solid #aaa;
}

#
/* Sale Page */

#wrapper {
    padding:20px 0 40px;
}

.order .container {
    float:none;
    margin: 0px auto;
    background:#fff;
    border:1px solid #d9d9d9;
    padding:30px 20px;
}

.container {
    width:960px;
}

h3 {
    color: #3399cc;
    border-bottom: solid 1px #3399cc;
    font-size: 16px;
    margin-bottom: 10px;
}

.dataTable {
    margin-bottom:10px;
}

.dataTable thead th {
      background: rgb(255,255,255);
    background: url();
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
    background: linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
    -moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
    box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
    text-align:center;
}

.dataTable tr.inactive {
    background:#eee
}

.dataTable .icon16, .btn-group .icon16 {
    line-height:20px;
}

.dataTable a:hover .icon16 {
    color:#FF8A00;
}

.dataTable th, .dataTable tbody td {
    vertical-align:middle;
}

.table .ch {
    width: 10px;
}

.table .total {

}

.marginT20 {margin-top:20px;}
.marginT10 {margin-top:10px;}
.marginT5 {margin-top:5px;}

.frmWrapper {
    background-color: #f9f9f9;
    border: 1px solid #D3DBE2;
    padding:15px;
}

.frmWrapper table {
    margin: 10px 0;    
    width:100%;
}

.frmWrapper table td, .frmWrapper table th {
    padding:5px 10px;
}

.frmWrapper table th {
    width:220px;
}

.frmWrapper table tfoot td {
    text-align:center;
}

.frmWrapper table tfoot td.td-border-top {
    border-top:1px solid #c4c6ca;
    padding-top:15px;
}

.frmWrapper th label {
    text-align:right;
}

.frmWrapper td label {
    text-align:left;
}

.frmWrapper .tr-action {
    background:#f9f9f9;
}

.frmWrapper input[type=checkbox] {
    margin-top:-5px;
}

.frmWrapper input[type=radio] { 
    margin-top:-3px;
}

.frmWrapper label.error, .frmWrapper label.valid {
    text-align:left;
    margin-bottom:0;
    padding:0px 4px;
}

.frmWrapper input.error {
    margin-bottom:5px;
}

.frmWrapper table {
    margin-bottom:0;
}

.frmWrapper table th {
    vertical-align:top;
    padding-top:10px;
}

.frmWrapper .tr-action {
    background: #EEF0F1;
}

.frmWrapper table tfoot td.td-border-top {
    padding: 15px 10px;
}

.box-prod {
    display:block;
    float:left;
    padding:10px 15px;
    float:left;
    background-color: #F4F4F4;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    margin-bottom: 15px;
    margin-right: 15px;
    width: 128px;
    height: 170px;
    text-align:center;
}

.prod-text {
    margin-top:15px;
}

.dataTable tfoot tr {
    background:#FFF9DF;
}

.alignCenter {
    text-align:center !important;
}

.alignRight {
    text-align:right !important;
}

.alignLeft {
    text-align:left;
}